<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
       
    </style>

</head>
<body>
   <span id="span1">1</span>
   <ul id="main">
       <!-- 我是注释 -->
       <li>选择珠峰的，都是明智的！</li>
       <li>选择珠峰的，都是明智的！</li>
       <li>选择珠峰的，都是明智的！</li>
       <li>选择珠峰的，都是明智的！</li>
	   <span>111</span>
	   <h1>1111</h1>
   </ul>
   <span>2</span>
</body>
</html>
<script>
	// var main=document.getElementById("main");
	// console.log(main.children);
	
	var main=document.getElementById("main");
    function getCildren(parent){
		//1.找到main 下面的所有的节点
		var eles=parent.childNodes;
		var arr=[];
		for(var i=0;i<eles.length;i++){
			//console.log(eles[i],eles[i].nodeName,eles[i].nodeType);
			//查找ul 里面的所有标签
			// if(eles[i].nodeType==1){
			// 	arr.push(eles[i]);
			// }

			//z只查找ul 里面的li 标签
			if(eles[i].nodeName=="LI"){
				arr.push(eles[i]);
			}
		}
		return arr;
	}
	console.log(getCildren(main));
</script>
